<%@page import="java.security.SecureRandom"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


<!DOCTYPE html>
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<base href="<%=basePath%>">
<title>User Login</title>
<!-- script  -->
<script language="javascript" src="/huahua/resources/js/city.js"></script>
<script type="text/javascript">
/**
 * 刷新验证码
 */
function reloadCode(){
    var time = new Date().getTime();

    document.getElementById("imgCode").src="<%=request.getContextPath()%>/VerifyCode.shtml?d="+ time;
	}
	function checkLoginNoNull() {
		if ($.trim($("#verifycode").val()) == "") {
			alert("验证码不能为空！请重新输入！");
			return false;
		}
	}
</script>
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title  -->
<title>Essence - Fashion Ecommerce Template</title>

<!-- Favicon  -->
<link rel="icon" href="/huahua/resources/images/core-img/favicon.ico">

<!-- Core Style CSS -->
<link rel="stylesheet" href="/huahua/resources/css/core-style.css">





</head>
<body>
	<!-- ##### Header Area Start ##### -->
	<header class="header_area">
		<div
			class="classy-nav-container breakpoint-off d-flex align-items-center justify-content-between">
			<!-- Classy Menu -->
			<nav class="classy-navbar" id="essenceNav">
				<!-- Logo -->
				<a class="nav-brand" href="index.jsp"><img
					src="/huahua/resources/images/core-img/logo.png" alt=""></a>
				<!-- Navbar Toggler -->
				<div class="classy-navbar-toggler">
					<span class="navbarToggler"><span></span><span></span><span></span></span>
				</div>
				<!-- Menu -->
				<div class="classy-menu">
					<!-- close btn -->
					<div class="classycloseIcon">
						<div class="cross-wrap">
							<span class="top"></span><span class="bottom"></span>
						</div>
					</div>
				</div>
			</nav>
		 
		 

		</div>
	</header>
	<!-- ##### Header Area End ##### -->
	<!-- ##### Right Side Cart Area ##### -->
	<div class="cart-bg-overlay"></div>

	<!-- ##### Right Side Cart End ##### -->
	<!-- ##### Breadcumb Area Start ##### -->
	<div class="breadcumb_area bg-img"
		style="background-image: url(/huahua/resources/images/bg-img/breadcumb.jpg);">
		<div class="container h-100">
			<div class="row h-100 align-items-center">
				<div class="col-12">
					<div class="page-title text-center">
						<h2>Login</h2>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ##### Breadcumb Area End ##### -->
	<!-- ##### Checkout Area Start ##### -->
	<div class="checkout_area section-padding-80">
		<div class="container">
			<div class="row">

				<div class="col-12 col-md-6">
					<div class="checkout_details_area mt-50 clearfix">

						<div class="cart-page-heading mb-30">
							<h5>登录账户</h5>
							<h5>${status}</h5>
						</div>

						<form action="<%=basePath%>login.shtml" method="post">

							<div class="row">
								<div class="col-md-6 mb-3">
									<label>用户名 <span>*</span></label> <input type="text"
										class="form-control" name="username" value="" required>
								</div>

								<div class="col-md-6 mb-3">
									<label>密码<span>*</span></label> <input type="password"
										class="form-control" name="password" value="">
								</div>
								<div class="col-md-6 mb-3">
									<label>验证码<span>*</span></label> <input type="text"
										class="form-control" name="verifycode" />

								

								</div>





								<div class="col-md-6 mb-3">
								<br>
									<img src="<%=request.getContextPath()%>/VerifyCode.shtml"
										id="imgCode" alt="看不清楚？请点击刷新验证码"
										onclick="javascript:reloadCode();" />
								</div>


								<div class="col-12">

									<input class="btn essence-btn" type="submit" value="登录">
									<a href="http://localhost:8080/huahua/pages/front/register.jsp" class="btn essence-btn">注册</a>
									<a href="http://localhost:8080/huahua/pages/email/beginReset.jsp" class="btn essence-btn">忘记密码</a>

								</div>











							</div>





						</form>

					</div>
				</div>
			</div>

		</div>
	</div>

	<!-- ##### Checkout Area End ##### -->
	<!-- ##### Footer Area Start ##### -->
	<footer class="footer_area clearfix"> </footer>
	<!-- ##### Footer Area End ##### -->
	<!-- jQuery (Necessary for All JavaScript Plugins) -->
	<script src="/huahua/resources/js/jquery/jquery-2.2.4.min.js"></script>
	<!-- Popper js -->
	<script src="/huahua/resources/js/popper.min.js"></script>
	<!-- Bootstrap js -->
	<script src="/huahua/resources/js/bootstrap.min.js"></script>
	<!-- Plugins js -->
	<script src="/huahua/resources/js/plugins.js"></script>
	<!-- Classy Nav js -->
	<script src="/huahua/resources/js/classy-nav.min.js"></script>
	<!-- Active js -->
	<script src="/huahua/resources/js/active.js"></script>

</body>
</html>